﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>SilverQuery Event Demos</title>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
    <script type="text/javascript" src="Silverlight.js"></script>
    <script type="text/javascript" src="SilverQuery.js"></script>

    <style>
    #outerDiv { background-color:Blue; width:50px; height:50px; padding:25px; }
    #innerDiv { background-color:Red; width:50px; height:50px;
    </style>
</head>
<body>

<fieldset>
<legend>Event.target vs. sender</legend>
<div id="outerDiv">
	<div id="innerDiv"></div>
</div>
<p id="result1">
</p>
</fieldset>

<fieldset id="keyDownDemo">
<legend>Keydown Event</legend>
<input type="text" style="width:200px;" />
<div class="output"></div>
</fieldset>

<fieldset id="unbindDemo">
	<legend>Bind/Unbind Events</legend>
	<input type="button" value="Trigger" />
	<span></span>
	<p>
		<input type="button" value="Bind" />
		<input type="button" value="Unbind" />
	</p>
</fieldset>

<script type="text/javascript">
	SilverQuery.createObject("ClientBin/SilverQueryDemo.xap", { "component": "SilverQueryDemo.EventSamples" });
</script>
</body>
</html>
